<template>
	<!-- #ifdef MP-ALIPAY  -->
	<view class="customNavigationBar" style="top: 20px">
		{{title}}
	</view>
	<!-- #endif -->
	<!-- #ifndef MP-ALIPAY-->
	<view class="customNavigationBar" :style="'top:' + statusBarH + 'px;'">
		{{title}}
	</view>
	<!-- #endif -->
</template>

<script>
	var app = getApp();
	export default {
		data() {
			return {
				statusBarH: uni.getSystemInfoSync().statusBarHeight + 12,
				title: uni.getStorageSync('mobilePlatformName') || app.globalData.wxAppName
			}
		}
	}
</script>

<style lang="less">
	.customNavigationBar {
		position: absolute;
		// top:0;    
		left: 0px;
		padding-left: 44rpx;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		// display: flex;
		// align-items: center;
		// justify-content: center;
		// width: 100%;
	}
</style>